<template>
    <div style="width: 100%; height: 100%">
        <MainHeader class="slogan-header"></MainHeader>
        <div class="main-container-content contentBoxs not" v-if="!isLoading">
            <el-row :gutter="10">
                <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                    <Commontitle title="全真模拟" :seconTitle="seconTitle"></Commontitle>
                </el-col>
            </el-row>
           
            <div class="simulationExamDetail_containers" >
                <examQuestion type="2" :testLimit="queryData.testLimit"></examQuestion>
            </div>
        </div>


    </div>
</template>

<script>
import examQuestion from '@/templates/teachPlaltform/components/examQuestion'//考试题  全真模拟
export default {
    name: 'simulationExamDetail',
    components: {
        examQuestion
    },
    data() {
        return {
            queryData:{},
            isLoading:true,
            seconTitle:''
        };
    },
    mounted() {
        const { state } = this.$store;
        let option=this.$route.query
        console.log(option)
        this.queryData=option
        this.seconTitle=this.queryData.name+`(${this.queryData.testLimit}分钟)`
        this.isLoading=false
    },
    computed: {
        device() {
            return this.$store.state.device
        }
    },
    methods: {
        handleQuery() {

        },
    
    },
};
</script>

<style scoped lang="scss">
.simulationExamDetail{
    &_containers{
        height:calc(100% - 50px)
    }
}
</style>



